<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">

<meta name="viewport" content="initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no">

<title>Test 02</title>
</head>
<style>

	body{
		margin: 0;
	}

	.pic{
		width: 640px;
		height: 1136px;
		background-color: #72DFFF;
		color: white;
		font-size: 60px;
		text-align: center;
		line-height: 1136px;
		font-family: cursive; 
	}

	img{
		position: absolute;
		top: 100px;
		left: 400px;

		width: 200px;
		height: 200px;
	}

	.borderbox{
		position: absolute;
		top: 100px;
		left: 60px;

		width: 200px;
		height: 200px;
		border: 1px solid #fff;
	}

</style>

<body>
	<div class="pic"> 640*1136 </div>	

	<img src="../images/face01.jpg">
	<div class="borderbox"></div>
	
	<script src="../js/kabuka.js"></script>

</body>
</html>
